import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import { h} from 'vue';
import { Tag } from 'ant-design-vue';



export const columns: BasicColumn[] = [
  {
    title: '账号',
    dataIndex: 'user_name',
    width: 100
  },
  {
    title: '姓名',
    dataIndex: 'real_name',
    width: 100,
  },
  {
    title: '管理员',
    dataIndex: 'is_super',
    width: 100,
      slots: { title: 'customSuper', customRender: 'super' },
    customRender: ({ record }) => {
      if (!Reflect.has(record, 'pendingStatus')) {
        record.pendingStatus = false;
      }
      return h(Tag, {
        color: record.is_super ? 'green' : '',
      }, () => record.is_super ? '是' : '否');
    },
  },
  {
    title: '角色',
    dataIndex: 'role',
    width: 100,
    slots: { title: 'customSuper', customRender: 'super' },
    customRender:({record})=>{
          return record.role.map(v=>h(Tag, {
            color: record.is_super ? 'gold' : 'green',
          }, () => v.role_name));
    },
  },
  // {
  //   title: '状态',
  //   dataIndex: 'is_super',
  //   width: 120,
  //   slots: { title: 'customStatus', customRender: 'status' },
  //   customRender: ({ record }) => {
  //     if (!Reflect.has(record, 'pendingStatus')) {
  //       record.pendingStatus = false;
  //     }
  //     return h(Tag, {
  //       color: record.status === 10 ? 'green' : 'red',
  //       onClick() {
  //         record.pendingStatus = true;
  //         const newStatus = record.status !== 10;
  //         const { createMessage } = useMessage();
  //         updateGoodState({
  //           goodsIds: [record.goods_id],
  //           state: newStatus
  //         }).then(() => {
  //           record.status = newStatus?10:0;
  //           createMessage.success(`修改状态成功`);
  //         })
  //           .catch(() => {
  //             createMessage.error('修改状态失败');
  //           })
  //           .finally(() => {
  //             record.pendingStatus = false;
  //           });
  //       },
  //     }, () => record.status === 10 ? '上架' : '下架');
  //   },
  // },
  {
    title: '排序',
    dataIndex: 'sort',
    width: 100,
  },
  {
    title: '创建时间',
    dataIndex: 'create_time',
    width: 100,
  },
];
// 表格搜索框
export const searchFormSchema: FormSchema[] = [
  {
    field: 'search',
    label: '员工姓名',
    component: 'Input',
    labelWidth:70,
    colProps: { span: 5 },

    
  },
  // {
  //   field: 'goodsNo',
  //   label: '商品编码',
  //   component: 'Input',
  //   colProps: { span: 5 },
  // },
  // {
  //   field: 'status',
  //   label: '商品分类',
  //   component: 'Select',
  //   componentProps: {
  //     options: [
  //       { label: '上 架', value: '0' },
  //       { label: '下 架', value: '1' },
  //     ],
  //   },
  //   colProps: { span: 5 },
  // }
];



